Introdução à Lógica de Programação

Aula 3 - Variáveis e tipos de dados

Helder Jefferson Ferreira da Luz

helder.luz@ifpr.edu.br

Objetivos da aula

• Entender o que são variáveis e como elas são usadas.
• Aprender os principais tipos de dados em JavaScript.
• Explorar como declarar, atribuir e manipular variáveis em JavaScript.

Variáveis

São espaços na memória que armazenam valores temporários que podem ser modificados ao longo da execução do programa.

São identificados por um nome simbólico.

As variáveis permitem que o programa armazene informações para realizar cálculos, tomar decisões, ou fazer repetições.

Variáveis

Analogia:
Imagine uma variável como uma "caixa" onde você guarda um valor que pode ser utilizado posteriormente no programa.

Variáveis

Sintaxe:
Como criar uma variável em JavaScript e atribuir valores a ela.

let idade = 25 // declaração da variável idade, atribuição do valor 25
let nome = "João"
let altura = 1.75

Regras para nomeação

Um programa pode ter múltiplas variáveis, cada uma identificada por um nome exclusivo escolhido pelo programador.

Regras:

• Início do nome: deve começar com uma letra (a-z, A-Z), subtraço ( _ ) ou símbolo de dólar ( $ ).
• Caracteres válidos: Após o primeiro caractere, o nome pode incluir letras, números ( 0-9 ), subtraços ou símbolo de dólar.
• Restrições: não pode começar com um número e deve evitar o uso de palavras reservadas da linguagem de programação.

Regras para nomeação

Exemplos de nomes:

• Válidos: idade, _total, valor1, $valor2, nome_usuario
• Inválidos: 1valor (não é permitido iniciar o nome com número), total! (exclamação
  é caractere inválido), class (porque é uma palavra reservada*)

*Palavras reservadas são termos que têm um significado especial na linguagem e definem a sua sintaxe e gramática.

Regras para nomeação

Exemplos de palavras reservadas

Regras para nomeação

Boas práticas:

• Case-sensitive: JavaScript diferencia letras maiúsculas de minúsculas. Exemplo, Numero é uma variável diferente de numero.
• Letras do Inglês: utilizar apenas letras do alfabeto inglês para nomear variáveis. Isso melhora a legibilidade e a portabilidade do código.
• Nomes descritivos: utilizar nomes que remetam diretamente ao que a variável armazena. Nomes genéricos prejudicam a legibilidade do código-fonte.

Principais tipos de dados

Dados representados por variáveis podem ser de diferentes tipos.

Principais tipos de dados

Tipos de dados

Exemplos

let nome = 'Lucas' // string
let idade = 23 // number
let altura = 1.82 // number
let possui_cnh = false // boolean
let a = null // null

tipos são definidos dinamicamente

Tipos de dados

A função typeof permite verificar o tipo de dado armazenado na variável.

Exemplo:

let nome = 'Lucas'
let idade = 23

console.log(typeof nome) // string
console.log(typeof idade) // number

let valor = null;
let naoDefinido;

console.log(typeof valor); // "object" (comportamento histórico do JavaScript)
console.log(typeof naoDefinido); // "undefined"

Apresentar variável na tela - console.log()

A função console.log() é utilizada para apresentar informação no console do navegador web.

Exemplo

let nome = 'Lucas' // str
let altura = 1.82 // float
console.log('Nome:', nome) // Nome: Lucas
console.log('Altura:', altura, 'm') // Altura: 1.82 m

Apresentar variável na tela - Concatenação de string

A concatenação é o processo de unir (ou "colar") duas ou mais strings em uma única string.

Em JavaScript, usamos o operador + para concatenar strings.

Exemplo

let nome = "Maria"
let sobrenome = "Silva"
let nome_completo = nome + " " + sobrenome
console.log(nome_completo)
console.log(nome + " " + sobrenome)

Apresentar variável na tela - Template Literals

Também é possível apresentar e concatenar variáveis utilizando o recurso template literals

Utiliza-se a crase ( ` ) para a criação da string, e ${ } para inserir as variáveis.

Exemplo

let nome = "Maria";
let sobrenome = "Silva";
let nomeCompleto = `${nome} ${sobrenome}`;
console.log(nomeCompleto); // Maria Silva

Conversão de tipo (Casting)

Funções de conversão:

• Number()
• String()

Conversão de tipo (Casting)

Conversão de um tipo de dado para outro.

Exemplo: transformar um número em uma string, ou vice-versa.

// Convertendo int para str
let numero = 123
let numero_str = String(numero)

// Convertendo str para int
let texto = "456"
let numero_inteiro = Number(texto)

let idade = 25
let mensagem = "Eu tenho " + idade + " anos."

Conversão de tipo (Casting)

Exemplo de conversão de booleanos para strings ou números.

// Convertendo boolean para string
let ativo = true;
let ativoStr = String(ativo); // "true"

// Convertendo boolean para número
let ativoNum = Number(ativo); // 1

Dúvidas?

Exercícios

1. Qual é a saída da função console.log() nas linhas 2, 3, 5 e 6?

let flag = true
console.log("Valor:", flag)
console.log("Tipo:", typeof flag)
flag = "Hello, World!"
console.log("Valor:", flag)
console.log("Tipo:", typeof flag)

2. Classifique os nomes das variáveis como válidos ou inválidos.
   (I) 1num
   (II) _num
   (III) num_
   (IV) def
   (V) nu-m

Exercícios

3. Qual é o valor e o tipo da variável Num na linha 3?

let Numero = 4.5;
let numero = 4;
console.log(Numero);

4. O que significa dizer que a linguagem JavaScript é case-sensitive?

5. O que são palavras reservadas em uma linguagem de programação?

Exercícios

6. Declare variáveis para armazenar as seguintes informações sobre um filme:

   • O título do filme.
   • O ano de lançamento.
   • A duração em minutos.
   • Se é classificado como adequado para maiores de 18 anos.

7. Crie variáveis para armazenar as seguintes informações de um funcionário:

   • Nome completo.
   • Cargo.
   • Tempo de empresa (em anos).
   • Se o funcionário está ativo.

Exercícios

8. Dada uma variável idade com um número inteiro, crie uma variável idade_str que converta esse número para uma string. Em seguida, crie uma frase que diga "Eu tenho [idade] anos."
9. Dado o nome, sobrenome e idade de uma pessoa, usando concatenação de string, combine essas variáveis em uma única frase, que diga "Meu nome é [nome completo] e eu tenho [idade] anos."